<!DOCTYPE html>
<html>
<head>
<title>{{ pageTitle|default("easy-workflow") }}</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Bootstrap -->
{% block stylesheets %}
    {% stylesheets filter="scssphp"
    "bundles/easyworkflow/scss/_bootstrap.scss"
    "assets/css/bootstrap-admin-theme.css"
    "assets/css/bootstrap-admin-theme-small.css"
    "assets/css/bootstrap-admin-theme-change-size.css"
    "assets/vendors/jGrowl/jquery.jgrowl.css"
    "assets/vendors/bootstrap-datepicker/css/datepicker.css"
    "bundles/easyworkflow/css/bootstrap-datetimepicker.min.css"
    "bundles/easyworkflow/scss/_easy-workflow.scss" %}
    <link rel="stylesheet" href="{{ asset_url }}"/>
    {% endstylesheets %}
{% endblock %}
</head>
<body class="bootstrap-admin-with-small-navbar">
<div id="jgrowl-top" style="position:fixed;top: 0;left:40%;"></div>
<!-- main / large navbar -->
<nav class="navbar navbar-default navbar-fixed-top bootstrap-admin-navbar" role="navigation">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target=".main-navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="{{ path('easyworkflow_default_index') }}"><i
                                class="glyphicon glyphicon-globe text-info"></i> EasyWorkflow</a>
                </div>
                {#<div class="collapse navbar-collapse main-navbar-collapse navbar-left">
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-hover="dropdown"><i class="
                            glyphicon glyphicon-align-justify"></i></a>
                            <ul class="dropdown-menu">
                                <li role="presentation" class="dropdown-header">Dropdown header</li>
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li role="presentation" class="divider"></li>
                                <li role="presentation" class="dropdown-header">Dropdown header</li>
                                <li><a href="#">Separated link</a></li>
                                <li><a href="#">One more separated link</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>#}
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="#">站内信 <i class="glyphicon glyphicon-bell"></i></a>
                    </li>
                    <li>
                        <a href="#">系统设置 <i class="glyphicon glyphicon-cog"></i></a>
                    </li>
                    {#<li>
                        <a href="#">Go to frontend <i class="glyphicon glyphicon-share-alt"></i></a>
                    </li>#}
                    <li class="dropdown">
                        <a href="#" role="button" class="dropdown-toggle" data-hover="dropdown"> <i
                                    class="glyphicon glyphicon-user"></i> {{ app.user.username }} <i
                                    class="caret"></i></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="{{ path('easyworkflow_setting_password') }}">修改密码</a></li>
                            <li role="presentation" class="divider"></li>
                            <li><a href="{{ path('security_logout') }}">退出系统</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div><!-- /.container -->
</nav>
<div class="container">
    <!-- left, vertical navbar & content -->
    <div class="row">
        <!-- left, vertical navbar -->
        <div class="col-md-2 bootstrap-admin-col-left">
            <ul class="nav navbar-collapse collapse bootstrap-admin-navbar-side">
                <li {% if path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) == path('easyworkflow_default_index') %}class="active"{% endif %}>
                    <a href="{{ path('easyworkflow_default_index') }}"><i class="glyphicon glyphicon-chevron-right"></i>
                        系统首页</a>
                </li>

                <li {% if app.request.attributes.get('_route') in ["easyworkflow_group_index", "group_edit"] %}class="active"{% endif %}>
                    <a href="{{ path('easyworkflow_group_index') }}"><i class="glyphicon glyphicon-chevron-down"></i>
                        群组管理</a>
                    <ul class="nav navbar-collapse bootstrap-admin-navbar-side">
                        <li {% if path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) == path('group_create') %}class="active"{% endif %}>
                            <a href="{{ path('group_create') }}"><i class="glyphicon glyphicon-chevron-right"></i> 新增群组</a>
                        </li>
                    </ul>
                </li>

                {#<li class="disabled">
                    <a href="#"><i class="glyphicon glyphicon-chevron-right"></i> Calendar</a><!-- calendar.html -->
                </li>
                <li class="disabled">
                    <a href="#"><i class="glyphicon glyphicon-chevron-right"></i> Statistics (Charts)</a>
                </li>#}
                <li>
                    <a href="javascript:;"><i class="glyphicon glyphicon-chevron-down"></i> 待办事项</a>
                    <ul class="nav navbar-collapse bootstrap-admin-navbar-side">
                        <li><a href="javascript:;"><span class="badge pull-right">731</span> 官文处理流程</a></li>
                        <li><a href="javascript:;"><span class="badge pull-right">5</span> 报件处理流程</a></li>
                        <li><a href="javascript:;"><span class="badge pull-right">0</span> 请假流程</a></li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:;"><i class="glyphicon glyphicon-chevron-down"></i> 跟踪事项</a>
                    <ul class="nav navbar-collapse bootstrap-admin-navbar-side">
                        <li><a href="javascript:;"><span class="badge pull-right">731</span> 官文处理流程</a></li>
                        <li><a href="javascript:;"><span class="badge pull-right">5</span> 报件处理流程</a></li>
                        <li><a href="javascript:;"><span class="badge pull-right">0</span> 请假流程</a></li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:;"><i class="glyphicon glyphicon-chevron-down"></i> 历史记录</a>
                    <ul class="nav navbar-collapse bootstrap-admin-navbar-side">
                        <li><a href="javascript:;"><i class="glyphicon glyphicon-chevron-right"></i> 已发官文</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#"><i class="glyphicon glyphicon-chevron-right"></i> 订单管理</a>
                </li>
                <li {% if app.request.attributes.get('_route') in ["easyworkflow_files_uploadview", "easyworkflow_files_index"] %}class="active"{% endif %}>
                    <a href="{{ path('easyworkflow_files_index') }}"><i class="glyphicon glyphicon-chevron-right"></i>
                        文件管理</a>
                </li>
                <li {% if app.request.attributes.get('_route') in ["easyworkflow_flowsetting_index", "easyworkflow_flowsetting_flow", "easyworkflow_flowsetting_flow", "easyworkflow_flowsetting_createnode", "easyworkflow_flowsetting_editnode"] %}class="active"{% endif %}>
                    <a href="{{ path('easyworkflow_flowsetting_index') }}"><i
                                class="glyphicon glyphicon-chevron-right"></i> 流程配置</a>
                </li>
            </ul>
        </div>
        <!-- content -->
        {% block content %}
            <!-- content -->
            <div class="col-md-10">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="page-header">
                            <h1>Forms</h1>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-12">
                        <div class="panel panel-default bootstrap-admin-no-table-panel">
                            <div class="panel-heading">
                                <div class="text-muted bootstrap-admin-box-title">Form Example</div>
                            </div>
                            <div class="bootstrap-admin-no-table-panel-content bootstrap-admin-panel-content collapse in">
                                <form class="form-horizontal">
                                    <fieldset>
                                        <legend>Form Horizontal</legend>
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label" for="focusedInput">Focused
                                                input</label>
                                            <div class="col-lg-10">
                                                <input class="form-control" id="focusedInput" type="text"
                                                       value="This is focused...">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label">Uneditable input</label>
                                            <div class="col-lg-10">
                                                <span class="form-control">Some value here</span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label" for="disabledInput">Disabled
                                                input</label>
                                            <div class="col-lg-10">
                                                <input class="form-control disabled" id="disabledInput" type="text"
                                                       placeholder="Disabled input here..." disabled="">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label" for="optionsCheckbox2">Disabled
                                                checkbox</label>
                                            <div class="col-lg-10">
                                                <label>
                                                    <input type="checkbox" id="optionsCheckbox2" value="option1"
                                                           disabled="">
                                                    This is a disabled checkbox
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group has-warning">
                                            <label class="col-lg-2 control-label" for="inputError">Input with
                                                warning</label>
                                            <div class="col-lg-10">
                                                <input type="text" id="inputWarning" class="form-control">
                                                <span class="help-block">Something may have gone wrong</span>
                                            </div>
                                        </div>
                                        <div class="form-group has-error">
                                            <label class="col-lg-2 control-label" for="inputError">Input with
                                                error</label>
                                            <div class="col-lg-10">
                                                <input type="text" id="inputError" class="form-control">
                                                <span class="help-block">Please correct the error</span>
                                            </div>
                                        </div>
                                        <div class="form-group has-error">
                                            <label class="col-lg-2 control-label" for="inputError">Input group with
                                                error</label>
                                            <div class="col-lg-10">
                                                <div class="input-group">
                                                    <input type="text" id="inputError" class="form-control">
                                                    <span class="input-group-addon">%</span>
                                                </div>
                                                <span class="help-block">Please correct the error</span>
                                            </div>
                                        </div>
                                        <div class="form-group has-success">
                                            <label class="col-lg-2 control-label" for="inputError">Input with
                                                success</label>
                                            <div class="col-lg-10">
                                                <input type="text" id="inputSuccess" class="form-control">
                                                <span class="help-block">Woohoo!</span>
                                            </div>
                                        </div>
                                        <div class="form-group has-success">
                                            <label class="col-lg-2 control-label" for="selectError">Select with
                                                success</label>
                                            <div class="col-lg-10">
                                                <select id="selectError" class="form-control">
                                                    <option>1</option>
                                                    <option>2</option>
                                                    <option>3</option>
                                                    <option>4</option>
                                                    <option>5</option>
                                                </select>
                                                <span class="help-block">Woohoo!</span>
                                            </div>
                                        </div>
                                        <button type="submit" class="btn btn-primary">Save changes</button>
                                        <button type="reset" class="btn btn-default">Cancel</button>
                                    </fieldset>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-12">
                        <div class="panel panel-default bootstrap-admin-no-table-panel">
                            <div class="panel-heading">
                                <div class="text-muted bootstrap-admin-box-title">Form Example</div>
                            </div>
                            <div class="bootstrap-admin-no-table-panel-content bootstrap-admin-panel-content collapse in">
                                <form class="form-horizontal">
                                    <fieldset>
                                        <legend>Form Components</legend>
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label" for="typeahead">Text input </label>
                                            <div class="col-lg-10">
                                                <input type="text" class="form-control col-md-6" id="typeahead"
                                                       autocomplete="off" data-provide="typeahead" data-items="4"
                                                       data-source='["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Dakota","North Carolina","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"]'>
                                                <p class="help-block">Start typing to activate auto complete!</p>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label" for="date01">Date input</label>
                                            <div class="col-lg-10">
                                                <input type="text" class="form-control datepicker" id="date01"
                                                       value="02/16/12">
                                                <p class="help-block">In addition to freeform text, any HTML5 text-based
                                                    input appears like so.</p>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label" for="optionsCheckbox">Checkbox</label>
                                            <div class="col-lg-10">
                                                <label class="uniform">
                                                    <input class="uniform_on" type="checkbox" id="optionsCheckbox"
                                                           value="option1">
                                                    Option one is this and that&mdash;be sure to include why it's great
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label" for="select01">With Chosen
                                                plugin</label>
                                            <div class="col-lg-10">
                                                <select id="select01" class="chzn-select" style="width: 150px">
                                                    <option>something</option>
                                                    <option>2</option>
                                                    <option>3</option>
                                                    <option>4</option>
                                                    <option>5</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label" for="select02">With Selectize
                                                plugin</label>
                                            <div class="col-lg-10">
                                                <select id="select02" class="selectize-select" style="width: 150px">
                                                    <option value="1">something</option>
                                                    <option value="2">2</option>
                                                    <option value="3">3</option>
                                                    <option value="4">4</option>
                                                    <option value="5">5</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label" for="fileInput">File input</label>
                                            <div class="col-lg-10">
                                                <input class="form-control uniform_on" id="fileInput" type="file">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label" for="textarea-wysihtml5">Textarea
                                                WYSIWYG</label>
                                            <div class="col-lg-10">
                                                <textarea id="textarea-wysihtml5"
                                                          class="form-control textarea-wysihtml5"
                                                          placeholder="Enter text..."
                                                          style="width: 100%; height: 200px"></textarea>
                                            </div>
                                        </div>
                                        <button type="submit" class="btn btn-primary">Save changes</button>
                                        <button type="reset" class="btn btn-default">Cancel</button>
                                    </fieldset>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        {% endblock %}
    </div>
</div>

<!-- footer -->
<div class="navbar navbar-footer">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <footer role="contentinfo">
                    <p class="left">Bootstrap 3.x Admin Theme</p>
                    <p class="right">&copy; 2013 <a href="http://www.meritoo.pl" target="_blank">Meritoo.pl</a></p>
                </footer>
            </div>
        </div>
    </div>
</div>
{% block javascripts %}
    {% javascripts filter="?uglifyjs"
    "bundles/easyworkflow/js/jquery.min.js"
    "bundles/easyworkflow/js/bootstrap.min.js"
    "assets/js/twitter-bootstrap-hover-dropdown.min.js"
    "assets/vendors/selectize/dist/js/standalone/selectize.min.js"
    "assets/vendors/bootstrap-datepicker/js/bootstrap-datepicker.js"
    "bundles/easyworkflow/js/bootstrap-datetimepicker.min.js"
    "assets/vendors/jGrowl/jquery.jgrowl.js"
    "assets/js/inline-attachment.js"
    "assets/js/jquery.inline-attachment.js"
    "assets/js/bootstrap-confirmation.js"
    "bundles/easyworkflow/js/easy-workflow.js" %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}
</body>
</html>